/* CSS Document ---------------------------------------------------------------------------------------------------------------------------- */ /* XHTML1.1/CSS 2011.00.00 var.1.0　(C)advista */ /* Default Style Reset --------------------------------------------------------------------------------------------------------------------- */ body,form,fieldset{margin: 0px;padding: 0px;} fieldset{border:none;} h1,h2,h3,h4,h5,h6,p,pre,blockquote,ul,ol,dl,dd{margin: 0px;padding: 0px;} blockquote,li,dt,dd{} li{list-style:none;} input,textarea{font-size: 1em;} img{border: 0px none;} address{text-align: center;font-style: normal;font-size: 11px;} /* Tag Castam ------------------------------------------------------------------------------------------------------------------------------- */ body {font-family: "メイリオ","Meiryo","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","Arial","Verdana","ＭＳ Ｐゴシック","sans-serif"; font-size: 80%;line-height: 150%;color: #292929;background-color: #FFFFFF;} em {font-weight: bold;font-style: normal;} strong {} a {color: #000000;text-decoration: underline;} a:link {} a:hover {color: #666666;text-decoration: none;} a:visited {} a:active {} input,textarea {margin: 3px;padding: 2px;} .Left {float: left;} .Right {float: right;} .ImageLeft {float: left;padding: 0px 20px 0px 0px;} .ImageRight {float: right;padding: 0px 0px 0px 20px;} .blue {color: #1d36d2;} .Red {color: #e30000;font-weight: normal;} /* [IE6] */ *html body {font-family: "メイリオ","Meiryo","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","Arial","Verdana","ＭＳ Ｐゴシック","sans-serif"; font-size: 80%;line-height: 150%;color: #292929;background-color: #FFFFFF;text-align: center;} /* HeadWrapper ------------------------------------------------------------------------------------------------------------------------------ */ #HeadWrapper {width: 100%;height: 148px;margin: 0px;padding: 0px;display: block;clear: both;} /* Header */ #Header {width: 100%;height: 90px;margin: 0px auto;display: block;border-top: solid 5px #5BC09E;border-bottom: solid 3px #3E846C;} #Head {width: 980px;height: 90px;margin: 0px auto;padding: 0px;display: block;} #SiteIdTop {width: 320px;height: 90px;margin: 0px;padding: 0px;display: block;text-indent: -999em;float: left;} #SiteIdTop h1 a {width: 320px;height: 90px;margin: 0px;padding: 0px;display: block;background: url(../img/site_id01.gif) no-repeat;} #HeadTxT {width: 380px;height: 60px;margin: 0px;padding: 30px 0px 0px 0px;display: block;float: right;} #SiteId {width: 980px;height: 90px;margin: 0px auto;padding: 0px;display: block;text-indent: -999em;} #SiteId h1 a {width: 300px;height: 90px;margin: 0px auto;padding: 0px;display: block;background: url(../img/site_id01.gif) center;} /* #SiteId {width: 980px;height: 90px;margin: 0px auto;padding: 0px;display: block;text-indent: -999em;} #SiteId h1 a {width: 300px;height: 90px;margin: 0px auto;padding: 0px;display: block;background: url(../img/site_id.gif) center;} */ /*GlobalNavi */ #GlobalNavi {width: 100%;height: 50px;display: block;margin: 0px;padding: 0px;background: #5BC09E;clear: both;} #Gnavi {width: 980px;height: 50px;margin: 0px auto;display: block;} #Gnavi li {width: auto;height: 50px;margin:0;padding :0;display : inline;float:left;text-indent: -999em;} #Gnavi .Li01 a {width: 79px;height: 50px;display: block;background: url(../img/gnavi01.jpg) 0px 0px;} #Gnavi .Li01 a:hover {background-position: 0px -50px;} #Gnavi .Li02 a {width: 150px;height: 50px;display: block;background: url(../img/gnavi02.jpg) 0px 0px;} #Gnavi .Li02 a:hover {background-position: 0px -50px;} #Gnavi .Li03 a {width: 150px;height: 50px;display: block;background: url(../img/gnavi03.jpg) 0px 0px;} #Gnavi .Li03 em {width: 150px;height: 50px;display: block;background: url(../img/gnavi03.jpg) 0px -100px;} #Gnavi .Li03 a:hover {background-position: 0px -50px;} #Gnavi .Li04 a {width: 150px;height: 50px;display: block;background: url(../img/gnavi04.jpg) 0px 0px;} #Gnavi .Li04 em {width: 150px;height: 50px;display: block;background: url(../img/gnavi04.jpg) 0px -100px;} #Gnavi .Li04 a:hover {background-position: 0px -50px;} #Gnavi .Li05 a {width: 150px;height: 50px;display: block;background: url(../img/gnavi05.jpg) 0px 0px;} #Gnavi .Li05 em {width: 150px;height: 50px;display: block;background: url(../img/gnavi05.jpg) 0px -100px;} #Gnavi .Li05 a:hover {background-position: 0px -50px;} #Gnavi .Li06 a {width: 150px;height: 50px;display: block;background: url(../img/gnavi06.jpg) 0px 0px;} #Gnavi .Li06 em {width: 150px;height: 50px;display: block;background: url(../img/gnavi06.jpg) 0px -100px;} #Gnavi .Li06 a:hover {background-position: 0px -50px;} #Gnavi .Li07 a {width: 151px;height: 50px;display: block;background: url(../img/gnavi07.jpg) 0px 0px;} #Gnavi .Li07 em {width: 151px;height: 50px;display: block;background: url(../img/gnavi07.jpg) 0px -100px;} #Gnavi .Li07 a:hover {background-position: 0px -50px;} /* GlobalNavi[IE6] */ *html #Gnavi {width: 980px;height: 50px;display: block;margin: 0px;text-align: center;} /* MainImage ------------------------------------------------------------------------------------------------------------------------------- */ #MainImage {width: 100%;height: 470px;display: block;margin: 0px auto;padding: 20px 0px 0px 0px;background: #ACECD6;} /* Gallery */ #Gallery {width: 980px;height: 450px;display: block;margin: 0px auto;padding: 0px;} /* MainImg[IE6] */ *html #MainImg {width: 100%;height: 490px;display: block;margin: 0px auto;padding: 20px 0px 0px 0px;background: #ACECD6;} /* HomeCont --------------------------------------------------------------------------------------------------------------------------------- */ #HomeCont {width: 980px;height: auto;display: block;margin: 30px auto 80px auto;padding: 0px;} #HomeCont:after {content: "";height: 0;clear: both;visibility: hidden;display: block;} /* HomeLeft */ #HomeLeft {width: 730px;height: auto;display: block;margin: 0px;padding: 0px;float: left;} #Home #Topic01 {width: 350px;height: auto;display: block;margin: 0px 30px 0px 0px;padding: 0px;float: left;} #Home #Topic01:after {content: "";height: 0;clear: both;visibility: hidden;display: block;} #Home #Topic01 h2 {width: 350px;height: 40px;display: block;margin: 0px 0px 20px 0px;padding: 0px; background: url(../img/topic_h01.jpg);text-indent: -999em;} #Home #Topic02 {width: 350px;height: auto;display: block;margin: 0px 0px 0px 0px;padding: 0px;float: right;} #Home #Topic02:after {content: "";height: 0;clear: both;visibility: hidden;display: block;} #Home #Topic02 h2 {width: 350px;height: 40px;display: block;margin: 0px 0px 20px 0px;padding: 0px; background: url(../img/topic_h02.jpg);text-indent: -999em;} #HomeLeft .TopicL {width: 140px;height: auto;display: block;float: left;margin: 0px 15px 0px 0px;} #HomeLeft .TopicL:after {content: "";height: 0;clear: both;visibility: hidden;display: block;} #HomeLeft .TopicR {width: 195px;height: auto;display: block;float: right;} #HomeLeft .TopicR:after {content: "";height: 0;clear: both;visibility: hidden;display: block;} #HomeLeft .TxT {width: 170px;height: 145px;display: block;margin: 0px;padding: 10px 0px 0px 0px;text-align: left;} #HomeLeft .LinkBtn a {width: 170px;height: 30px;display: block;background: url(../img/topic_btn01.jpg) 0px 0px;text-indent: -999em;} #HomeLeft .LinkBtn a:hover {background-position: 0px -30px;} #HomeLeft .DlBtn a {width: 170px;height: 30px;display: block;background: url(../img/topic_btn02.jpg) 0px 0px;text-indent: -999em;} #HomeLeft .DlBtn a:hover {background-position: 0px -30px;} /* HomeRight */ #HomeRight {width: 220px;height: auto;display: block;margin: 0px;padding: 0px;float: right;} #HomeRight:after {content: "";height: 0;clear: both;visibility: hidden;display: block;} #MobileQR {width: 220px;height: 120px;display: block;margin: 0px 0px 20px 0px;padding: 0px;} #HomeLink {width: 220px;height: auto;display: block;margin: 0px;padding: 0px;} #HomeLink:after {content: "";height: 0;clear: both;visibility: hidden;display: block;} #HomeLink h2 {width: 220px;height: 30px;display: block;margin: 0px 0px 15px 0px;padding: 0px;background: url(../img/link_head.jpg); text-indent: -999em;} #HomeLink ul {width: 205px;height: auto;display: block;margin: 0px;padding: 0px 0px 0px 15px;text-align: left;} #HomeLink li {display: block;background: url(../img/link_icon.gif) no-repeat left center;margin: 0px 0px 5px 0px;padding: 0px 0px 0px 20px;} #HomeLink li a {text-decoration: none;} #HomeLink li a:hover {text-decoration: underline;} /* ContTitle --------------------------------------------------------------------------------------------------------------------------------- */ #ContTitle {width: 100%;height: 110px;display: block;margin: 0px auto 45px auto;padding: 0px;background: #ACECD6;clear: both;} #ContTitle h2 {font-size: 32px;color: #1E8663;letter-spacing: 20px;font-weight: normal;margin: 0px;padding: 47px 0px 0px 0px; text-align: center;} /* ContWrapper ------------------------------------------------------------------------------------------------------------------------------- */ #ContWrapper {width: 840px;height: auto;display: block;margin: 0px auto 0px auto;padding: 0px;clear: both;} #ContWrapper:after {content: "";height: 0;clear: both;visibility: hidden;display: block;} #ContWrapper.y200210201 span.bold{display: block;font-weight: bold;margin: 10px 0 5px; } #ContWrapper.y200210201 .list li{margin: 0 0 10px;text-indent: -1em;padding-left: 1em; } #ContBox {width: 600px;height: auto;display: block;margin: 0px auto 50px auto;padding: 0px;clear: both;} #ContBox:after {content: "";height: 0;clear: both;visibility: hidden;display: block;} #ContBox h3 {display: block;font-size: 20px;color: #386C5B;font-weight: normal;text-align: center;border-bottom: solid 1px #386C5B; margin: 0px 0px 35px 0px;padding: 0px 0px 13px 0px;letter-spacing: 5px;line-height: 23px;} #ContBox h4 {width: 600px;height: 28px;display: block;background: url(../img/h4_bg.jpg) no-repeat;font-size: 18px;color: #FFFFFF; text-align: center;font-weight: normal;margin: 0px 0px 20px 0px;padding: 12px 0px 0px 0px;} #ContBox .title2 {width: 600px;height: 55px;display: block;background: url(../img/h4_bg2.png) no-repeat;font-size: 18px;color: #FFFFFF; line-height:1.3; text-align: center;font-weight: normal;margin: 0px 0px 20px 0px;padding: 12px 0px 0px 0px;} #ContBox h5 {font-size: 16px;color: #225B48;font-weight: normal;margin: 0px 0px 10px 0px;padding: 0px;text-align: left;} #ContBox .TxTBox {display: block;margin: 0px 0px 20px 0px;padding: 0px;text-align: left;} #ContBox .TxT {text-align: left;margin: 0px 0px 20px 0px;} #ContBox .TxTC {text-align: center;margin: 0px 0px 20px 0px;} #ContBox .TxTR {text-align: right;margin: 0px 0px 20px 0px;} #ContBox .TxTLine {display: block;border-bottom: solid 1px #666666;margin: 0px 0px 25px 0px;padding: 0px 0px 12px 0px;} #ContBox .TxTLineR {display: block;border-bottom: solid 1px #666666;margin: 0px 0px 25px 0px;padding: 0px 0px 12px 0px;text-align: right;} #ContBox .DlTxT {width: 600px;height: auto;display: block;margin: 0px 0px 20px 0px;padding: 0px;clear: both;} #ContBox .DlTxT:after {content: "";height: 0;clear: both;visibility: hidden;display: block;} #ContBox .DlTxT dt {margin: 0px 0px 5px 0px;float: left;} #ContBox .DlTxT dd {margin: 0px 0px 5px 0px;padding: 0px 0px 0px 20px;} #ContBox .DlLine {width: 600px;height: auto;display: block;margin: 0px 0px 20px 0px;padding: 0px 0px 12px 0px;clear: both;border-bottom: solid 1px #666666;} #ContBox .DlLine:after {content: "";height: 0;clear: both;visibility: hidden;display: block;} #ContBox .DlLine dt {margin: 0px 0px 5px 0px;float: left;} #ContBox .DlLine dd {margin: 0px 0px 5px 0px;padding: 0px 0px 0px 20px;} #Chairman {float: left;margin: 0px 20px 10px 0px;padding: 0px;} #Chairman li {text-align: center;margin: 0px 0px 5px 0px;padding: 0px;} #Index {width: 600px;height: auto;display: block;margin: 0px 0px 50px 0px;padding: 0px 0px 0px 20px;clear: both;} #Index:after {content: "";height: 0;clear: both;visibility: hidden;display: block;} #Index li {line-height: 0;} #Index li a {width: 270px;height: 27px;display: block;margin: 0px 20px 20px 0px;padding: 13px 0px 0px 0px;font-size: 16px;line-height: 16px; color: #1E916A;float: left;text-align: center;text-decoration: none;background: url(../img/earday_btn.jpg) no-repeat;} #Index li a:hover {filter: alpha(opacity=75); -moz-opacity:0.75; opacity:0.75;} #LinkList {width: 600px;height: auto;display: block;margin: 0px;padding: 0px;clear: both;} #LinkList:after {content: "";height: 0;clear: both;visibility: hidden;display: block;} #LinkList li {width: 180px;height: auto;display: block;margin: 0px 0px 20px 0px;padding: 0px 0px 0px 20px;float: left; background: url(../img/link_icon.gif) no-repeat 1px;text-align: left;} #LinkList li a {text-decoration: none;} #LinkList li a:hover {color: #999999;} #EarDayImg {width: 140px;height: auto;display: block;margin: 0px auto 20px auto;padding: 0px;clear: both;} #EarDayImg:after {content: "";height: 0;clear: both;visibility: hidden;display: block;} #EarDayImg .Li01 {width: 140px;height: 195px;display: block;margin: 0px 0px 5px 0px;padding: 0px;} #EarDayImg .Li02 {display: block;margin: 0px;padding: 0px 0px 0px 20px;background: url(../img/ico_pdf.gif) no-repeat;} #GifuMap {width: 600px;height: auto;display: block;margin: 0px auto 20px auto;padding: 0px;clear: both;} #GifuMap:after {content: "";height: 0;clear: both;visibility: hidden;display: block;} /* MainImg[IE6] */ *html #Index li a {width: 270px;height: 40px;} *html #LinkList li {width: 200px;height: auto;} /* ContBoxW */ #ContBoxW {width: 850px;height: auto;display: block;margin: 0px auto 0px auto;padding: 0px;clear: both;} #ContBoxW:after {content: "";height: 0;clear: both;visibility: hidden;display: block;} #ContBoxW h3 {display: block;font-size: 20px;color: #386C5B;font-weight: normal;text-align: center;border-bottom: solid 1px #386C5B; margin: 0px 0px 35px 0px;padding: 0px 0px 13px 0px;letter-spacing: 5px;line-height: 23px;} #ContBoxW h4 {width: 600px;height: 28px;display: block;background: url(../img/h4_bg.jpg) no-repeat;font-size: 18px;color: #FFFFFF; text-align: center;font-weight: normal;margin: 0px 0px 20px 0px;padding: 12px 0px 0px 0px;} #ContBoxW h5 {font-size: 16px;color: #225B48;font-weight: normal;margin: 0px 0px 10px 0px;padding: 0px;text-align: left;} #ContBoxW .TxTBox {display: block;margin: 0px 0px 20px 0px;padding: 0px;text-align: left;} #ContBoxW .TxTC {text-align: center;margin: 0px 0px 20px 0px;} #ContBoxW .TxTLine {display: block;border-bottom: solid 1px #666666;margin: 0px 0px 25px 0px;padding: 0px 0px 12px 0px;} #PageBack {width: 600px;height: 24px;display: block;margin: 50px auto 45px auto;padding: 0px;clear: both;} #PageBack a {width: 100px;height: 24px;display: block;margin: 0px auto 0px auto;padding: 0px;text-indent: -999em; background: url(../img/pageback.jpg) no-repeat 0px 0px;text-align: center;} #PageBack a:hover {background-position: 0px -24px;} #PageTop {width: 840px;height: 19px;display: block;margin: 0px auto 0px auto;padding: 0px;text-indent: -999em;clear: both;} #PageTop a {width: 19px;height: 19px;display: block;margin: 0px;padding: 0px;line-height: 19px; background: url(../img/pagetop.jpg) no-repeat;float: right;} #PageTop a:hover {background-position: -19px 0px;} /* ContWrapper[IE6] */ *html #ContWrapper h4 {width: 600px;height: 40px;display: block;background: url(../img/h4_bg.jpg) no-repeat;font-size: 18px;color: #FFFFFF; text-align: center;font-weight: normal;margin: 0px 0px 20px 0px;padding: 14px 0px 0px 0px;} /* TableBox ---------------------------------------------------------------------------------------------------------------------------------- */ .TableBox {width: 100%;height: auto;margin: 0px 0px 40px 0px;display: block;} .TableBox:after {content: "";height: 0;clear: both;visibility: hidden;display: block;} .TableBox table {width: 100%;background-color: #5BC09E;font-size: 100%;line-height: 150%;} .TableBox th {padding: 5px;background-color: #ACECD6;font-weight: bold;color: #006600;} .TableBox td {padding: 5px;background-color: #FFFFFF;text-align:left;} .TableBox .FontB {padding: 5px;background-color: #D2F2E7;font-weight: bold;color: #006600;text-align: center;} /* Member ------------------------------------------------------------------------------------------------------------------------------------ */ /* Header */ #Member #SiteId h1 a {width: 600px;height: 90px;margin: 0px auto;padding: 0px;display: block;background: url(../../member/img/site_id.gif) center;} /*GlobalNavi */ #Member #Gnavi .Li01 a {width: 196px;height: 50px;display: block;background: url(../../member/img/gnavi01.jpg) 0px 0px;} #Member #Gnavi .Li01 a:hover {background-position: 0px -50px;} #Member #Gnavi .Li02 a {width: 196px;height: 50px;display: block;background: url(../../member/img/gnavi02.jpg) 0px 0px;} #Member #Gnavi .Li02 em {width: 196px;height: 50px;display: block;background: url(../../member/img/gnavi02.jpg) 0px -100px;} #Member #Gnavi .Li02 a:hover {background-position: 0px -50px;} #Member #Gnavi .Li03 a {width: 196px;height: 50px;display: block;background: url(../../member/img/gnavi03.jpg) 0px 0px;} #Member #Gnavi .Li03 em {width: 196px;height: 50px;display: block;background: url(../../member/img/gnavi03.jpg) 0px -100px;} #Member #Gnavi .Li03 a:hover {background-position: 0px -50px;} #Member #Gnavi .Li04 a {width: 196px;height: 50px;display: block;background: url(../../member/img/gnavi04.jpg) 0px 0px;} #Member #Gnavi .Li04 em {width: 196px;height: 50px;display: block;background: url(../../member/img/gnavi04.jpg) 0px -100px;} #Member #Gnavi .Li04 a:hover {background-position: 0px -50px;} #Member #Gnavi .Li05 a {width: 196px;height: 50px;display: block;background: url(../../member/img/gnavi05.jpg) 0px 0px;} #Member #Gnavi .Li05 em {width: 196px;height: 50px;display: block;background: url(../../member/img/gnavi05.jpg) 0px -100px;} #Member #Gnavi .Li05 a:hover {background-position: 0px -50px;} #Topics {width: 600px;height: auto;display: block;margin: 0px;padding: 0px;clear: both;} #Topics:after {content: "";height: 0;clear: both;visibility: hidden;display: block;} #Topics h2 {display: block;font-size: 20px;color: #386C5B;font-weight: normal;text-align: left; border-bottom: solid 1px #386C5B;margin: 0px 0px 20px 0px;padding: 0px 0px 5px 0px; letter-spacing: 5px;line-height: 23px;} #Topics dl {width: 600px;height: auto;margin: 0px 0px 10px 0px;padding: 0px 0px 6px 0px;display: block;border-bottom: dotted 1px #CCCCCC;} #Topics dt {width: 100px;height: auto;display: block;float: left;} #Topics dd {margin: 0px;padding: 0px 0px 0px 100px;display: block;} #Topics .DlData {text-align: center;margin: 0px 0px 20px 0px;} #Topics .DlData a {color: #006699;} #Training h2 {display: block;font-size: 18px;color: #386C5B;font-weight: normal;text-align: left; margin: 0px 0px 20px 0px;padding: 0px 0px 0px 20px;line-height: 23px; background: url(../img/h2_icon.gif) no-repeat left 4px;} #OldMenber {width: 600px;height: 40px;margin: 0px;padding: 0px;display: block;} #OldMenber a {width: 300px;height: 40px;margin: 0px auto 0px auto;padding: 0px;display: block;} #OldMenber a:hover {filter: alpha(opacity=75); -moz-opacity:0.75; opacity:0.75;} /* FootWrapper ------------------------------------------------------------------------------------------------------------------------------- */ #FootWrapper {width: 100%;height: auto;display: block;margin: 0px;padding: 25px 0px 50px 0px;background: #ACECD6; border-top: solid 4px #B6BEBB;} #FootWrapper:after {content: "";height: 0;clear: both;visibility: hidden;display: block;} #Footer {width: 980px;height: auto;display: block;margin: 0px auto;padding: 0px;} #Footer:after {content: "";height: 0;clear: both;visibility: hidden;display: block;} #FootId {display: block;font-size: 12px;margin: 0px;font-weight: bold;text-align: left;} #banner-list:after {width: 0;height: 0;margin: 0;padding: 0;content: "";display: block;clear :both;} #banner-list li {float: left;margin: 0 10px 10px;} #banner-list a:hover {opacity: 0.8; } .red {color: red; }